<!-- @format -->

<template>
  <el-input v-model="theValue" @Input="onChangeInput"> </el-input>
</template>

<script setup lang="ts">
  import { ref } from 'vue'

  const theProps = defineProps({
    data: Object,
  })
  const theEmits = defineEmits(['change'])
  const theValue = ref(theProps.data?.value || '')

  const onChangeInput = () => {
    theEmits('change', theValue.value, theProps.data)
  }
</script>
<style scoped></style>
